<template>
  <div>
    <el-form ref="form" :model="form" :inline="true" :rules="rules" label-width="110px">
      <el-form-item label="申请人" prop="username" style="width: 400px" >
        <el-input v-model="form.username" placeholder="请输入申请人" />
      </el-form-item>
      <el-form-item label="申请表类型名称" prop="subscribePatternName" style="width: 400px">
        <el-input v-model="form.subscribePatternName" placeholder="请输入申请表类型名称" />
      </el-form-item>
      <el-form-item label="采购产品" prop="subscribePatternName" style="width: 400px">
        <el-button type="primary" >采购产品</el-button>
      </el-form-item>
      <el-table  :border="true" :data="form.purchaseProductList" style="margin-bottom: 10px;" >
        <el-table-column type="index" width="55" align="center"  />
        <el-table-column label="产品名称" align="center" prop="productName"  />
        <el-table-column label="产品类型" align="center" prop="productType" />
        <el-table-column label="单价" align="center" prop="price" />
        <el-table-column  label="新增入库数量" align="center" prop="number"  >
<!--          <template slot-scope="scope">-->
<!--            <el-input v-model="scope.row.number" placeholder="新增入库数量"  style="width: 80px;"></el-input>-->
<!--          </template>-->
        </el-table-column>
      </el-table>
    </el-form>
  </div>

</template>

<script>
export default {
  name: "purchase",
  props:{form:Object},
}
</script>

<style scoped>

</style>
